<template>
    <div id="app">
        <router-view />
    </div>
</template>

<script>
    export default {
        name: "App",
        data() {
            return {};
        },
        components: {},
        created() {
           
        },
        mounted() {

        },
        methods: {}
    };

</script>

<style lang="scss">
.al{
  cursor: pointer;
}
 @import "./assets/css/resetCss.css";
 @import "./assets/css/animate.css";
@import url('./assets/iconfont/iconfont.css');
.jindu{
  padding-top: 12px;
}
.jindu .el-steps .el-step__icon{
  width: 8px;
  height: 8px;
  top: -5px;
}
.jindu .el-step.is-horizontal .el-step__line{
  left: 18px;
  right: 10px;
  background-color: #DCDCDC;
}
.jindu .el-step__main{
  height: 38px;
  display: inline-block;
  position: relative;
}
.jindu .el-step__main .el-step__title{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  cursor: pointer;
}
.jindu .el-steps{
  width: 100%;
  box-sizing: border-box;
  padding: 0 5%;
}

.jindu  .el-step__title.is-process{
  font-weight: 400;

  color: #b4bccc;
}
.jindu .el-step__title.is-finish{
  color: #000;
}
.jindu .el-step__head.is-finish{
  border-color: #409EFF;
}
.jindu .el-step__head.is-finish .el-step__icon{
  background: #409EFF;
}
.img-box{
	display: block;
	padding-bottom:100%;
	position: relative;
	overflow: hidden;
}
.img-box img,.img-box video{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit: cover;
}

.f400{
  font-weight: 400;
}
.f-12{
  font-size: 12px;
}
 .f-16{
   font-size: 16px;
 }
 .f-20{
  font-size: 20px;
}
body{
    padding: 0;
    margin: 0;
}
*{
  font-family: "PingFang SC", helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;
}


    .echarts-box {
        height: 100%;
        width: 100%;
    }
    /* 整个滚动条 */
::-webkit-scrollbar {
  /* 对应纵向滚动条的宽度 */
  width: 10px;
  /* 对应横向滚动条的宽度 */
  height: 10px;
}
 
/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 32px;
}
 
/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: #E5EBFC;
  border-radius: 32px;
}
.animate__animated.animate__delay-01s {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
  }
  .animate__animated.animate__delay-02s {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
  }
.animate__animated.animate__delay-03s {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
  }
  .animate__animated.animate__delay-04s {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
  }
  .animate__animated.animate__delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }
  .animate__animated.animate__delay-06s {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }
  .animate__animated.animate__delay-07s {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
  }
  .animate__animated.animate__delay-08s {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
  }
  .animate__animated.animate__delay-09s {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
  }
  
  .animate__animated.animate__delay-09s {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
  }
  
  .animate__animated.animate__duration-1s{
      animation-duration: 1s;
  }
  
</style>
